.tree-root .tree-item > .tree-title {
  display: block;
  height: 24px;
  line-height: 24px;
  margin-top: 5px;
  margin-bottom: 5px;
  cursor: text;
  /*折叠框*/
  /*选择框*/
}
.tree-root .tree-item > .tree-title:hover {
  background: #fafafa;
}
.tree-root .tree-item > .tree-title .tree-text {
  float: left;
  display: block;
  font-size: 14px;
}
.tree-root .tree-item > .tree-title .tree-icon-sub {
  float: left;
  display: block;
  width: 24px;
  height: 24px;
  font-size: 16px;
  text-align: center;
}
.tree-root .tree-item > .tree-title .tree-icon-sub::before {
  content: "├";
}
.tree-root .tree-item > .tree-title .tree-icon-checked {
  float: right;
  display: block;
  width: 24px;
  height: 24px;
  font-size: 16px;
  text-align: center;
  line-height: 22px;
  box-sizing: border-box;
  border: 1px solid #eee;
  cursor: pointer;
  margin-right: 5px;
}
.tree-root .tree-item > .tree-title .tree-icon-checked.checked:before {
  content: "\e605";
}
.tree-root .tree-item.tree-sub > .tree-title + .tree-list {
  display: none;
  margin-left: 24px;
}
.tree-root .tree-item.tree-sub > .tree-title .tree-icon-sub {
  cursor: pointer;
}
.tree-root .tree-item.tree-sub > .tree-title .tree-icon-sub::before {
  content: "\e623";
}
.tree-root .tree-item.tree-sub > .tree-title.opened + .tree-list {
  display: block;
}
.tree-root .tree-item.tree-sub > .tree-title.opened .tree-icon-sub:before {
  content: "\e625";
}
